/* 
今日总结
组件创建(函数组件和class类组件):
  1. 首字母 一定 大写
  2. 没有内容返回的话，需要return null

组件状态 - 只能在 class 中使用 state = 对象 定义状态
  1. state = { 属性名: 属性值 }
  2. setState 是修改 state 状态的 唯一方法:
      setState( {属性名: 属性值,属性名: 属性值} )
  3. 必须要通过新指覆盖旧值，千万不能直接修改 state的数据
     ❌❌this.state.count++,this.state.count+=1,this.state.list.push(1)


组件事件：小驼峰的命名(例如onClick  onChange)
          onClick={ 函数 }, 💥💥千万不能调用
改变函数里面 this 的指向：
1. ✅✅定义时候，直接用箭头函数定义，从而保证this指向当前组件实例
  handleClick = () =>  console.log('this -----> ', this);
2. 调用的时候，是通过当前组件调用
  onClick={() => this.handleClickOne()}
3. bind，不建议使用
  onClick={this.handleXxx.bind(this)}

表单处理-受控表单
1. 表单的值 和 state 关联
2. react中，所有的表单改变事件，统一使用 onChange
*/
